<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>欢迎页面-X-admin2.0</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="../static/css/back/font.css">
<link rel="stylesheet" href="../static/css/back/role.css">
<link rel="stylesheet" href="../static/css/back/xadmin.css">
<script type="text/javascript" src="../static/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../static/js/jquery.md5.js"></script>
<script type="text/javascript" src="../static/layui/layui.js"
	charset="utf-8"></script>
<script type="text/javascript" src="../static/js/back/xadmin.js"></script>
<script type="text/javascript" src="../static/js/back/banner-list.js"></script>

<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<style type="text/css">
.layui-upload-drag.pre {
	padding: 5px !important;
}

.layui-upload-drag.pre img {
	width: 240px;
	height: 120px;
}

.layui-upload-drag+p {
	margin-top: 10px;
}

.layui-upload-list {
	text-align: -webkit-center;
}

.layui-upload {
	margin-left: 112px;
}

.shop-logo p {
	width: 240px;
}
</style>
</head>
<body>
	<div class="x-body">
		<form action="" method="post" class="layui-form" lay-filter="formAdd">
			<input type="hidden" name="id" value="" id="paramKey" />
			<div class="layui-form-item">
				<label for="name" class="layui-form-label"> <span
					class="x-red">*</span>广告描述
				</label>
				<div class="layui-input-inline">
					<input type="text" id="adTitle" name="adTitle" required=""
						lay-verify="required" autocomplete="off" class="layui-input"
						placeholder="请输入标题">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="name" class="layui-form-label"> 广告连接 </label>
				<div class="layui-input-block">
					<input type="text" id="adUrl" name="adUrl" required=""
						lay-verify="" autocomplete="off" class="layui-input"
						placeholder="请输入图片打开的连接地址">
				</div>
				<div class="layui-form-item">
					<label for="phone" class="layui-form-label"> </label>
					<div class="layui-inline layui-word-aux">请输入以http:// 或 https:// 开头的链接</div>
				</div>
			</div>
			<div class="layui-form-item">
				<label for="name" class="layui-form-label"> 排序 </label>
				<div class="layui-input-inline">
					<input type="text" id="sort" name="sort" required=""
						lay-verify="number" autocomplete="off" class="layui-input"
						placeholder="排序">
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-inline">
					<label for="phone" class="layui-form-label"> 广告图片 </label> <input
						type="hidden" name="adPic" />
					<div class="layui-upload">
						<div class="layui-upload-list">
							<div class="layui-upload-drag shop-logo" id="shop-logo">
								<i class="layui-icon"></i>
								<p>点击选择上传图片</p>
							</div>
							<div id="shop-logo-info">
								<div class="layui-upload-drag pre hide">
									<img class="shop-logo" id="shop-logo-pre">
								</div>
								<p id="shop-logo-info-p"></p>
							</div>
							<!-- 									<br><br> -->
							<!-- 									<button type="button" class="layui-btn" id="shop-logo-btn" >上传图片</button> -->
						</div>
					</div>
				</div>
			</div>
			<div class="layui-form-item">
				<label for="phone" class="layui-form-label"> </label>
				<div class="layui-inline layui-word-aux">建议图片尺寸为 400*200 像素</div>
			</div>
			<div class="layui-form-item is_up_do">
				<label class="layui-form-label">是否上架</label>
				<div class="layui-input-block">
					<input type="radio" name="status" value="1" title="是" checked=""
						lay-filter='stat'> <input type="radio" name="status"
						value="2" title="否" lay-filter='stat'>
				</div>
			</div>
			<div class="layui-form-item add_bot_btn">
				<button class="layui-btn" lay-submit="" lay-filter="add">确定</button>
				<button class="layui-btn" onclick="x_admin_close()">取消</button>
			</div>
		</form>
	</div>
	<script>
		_showData = null;
		var form = null;
		layui
				.use(
						[ 'form', 'layer', 'upload' ],
						function() {
							$ = layui.jquery, form = layui.form,
									upload = layui.upload, layer = layui.layer;

							//自定义验证规则
							form.verify({
								account : function(value) {
									if (value.length < 5) {
										return '至少填写6个字符';
									}
								},
								pass : [ /(.+){6,12}$/, '密码必须6到12位' ],
								repass : function(value) {
									if ($('#L_pass').val() != $('#L_repass')
											.val()) {
										return '两次密码不一致';
									}
								}
							});

							//监听提交
							form.on('submit(add)', function(data) {
								updateInfo(data.field);
								return false;
							});
							console.log(_showData);
							if (_showData) {
								$('input[name="adPic"]').val(
										_showData.adPic);
								$('#shop-logo').hide().parent().find('.pre')
										.show().find('img').attr('src',
												_showData.adPic);
							}
							 console.log(_showData);
					          var t1=window.setInterval(showData, 200);
					          var ti_show_dd = 0;
								function showData(){
									ti_show_dd++;
							    	console.log(_showData);
									if (_showData) {
									    window.clearInterval(t1); 
										form.val("formAdd", _showData);
										form.render(); 
									}
									if(ti_show_dd>=40){
										window.clearInterval(t1); 
									}
								} 
							//普通图片上传
							var uploadInst = upload
									.render({
										elem : '.shop-logo',
										url : '../sys/upload/uploadPics',
										size : 2048 //kb	
										,
										before : function(obj) {
											//预读本地文件示例，不支持ie8
											obj
													.preview(function(index,
															file, result) {
														$('#shop-logo-pre')
																.attr('src',
																		result)
																.parent()
																.show(); //图片链接（base64）
														$('#shop-logo').hide();
													});
										},
										done : function(res) {
											//如果上传失败
											if (res.resultCode == 1000) {
												$("input[name='adPic']")
														.val(res.returnObject);
											} else {
												return layer.msg('上传失败');
											}
											//上传成功
										},
										error : function() {
											var demoText = $('#shop-logo-info-p');
											demoText
													.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
											demoText.find('.demo-reload').on(
													'click', function() {
														uploadInst.upload();
													});
										}
									});

						});
	</script>

</body>

</html>